.bottomBg{ width:100%; height:auto; background:#fafafa; padding:60px 0;}
.bottomBg .mainContainer{}
.bottomPart1{ width:60%; display: flex;align-items: center;}
.bottomPart2{ width:40%; display: flex;align-items: center;}
.bottomPart1 .footer-logo img{height: 150px;}
.bottomPart1 .footer-line{background: #d4d0d0;width: 2px;height: 100px;margin: 0px 40px;}
.bottomPart1 .footer-info ul li{color: #3c3c3c;font-size: 16px;height: 30px;line-height: 30px;text-align: left;display: flex;align-items: center;}
.bottomPart1 .footer-info ul li .round{width: 15px;height: 15px;float: left;margin-right: 13px;}

.copy{ padding:20px 0;}
.copy span{ padding:0 3px; color:#686868; display:inline-block;vertical-align:middle;}
.copy img{vertical-align:middle}

.bottomPart2 .footer-code{ display: flex; }
.bottomPart2 .footer-code .item-code{margin: 0px 30px;}
.bottomPart2 .footer-code .item-code img{width: 130px;height: 130px;}
.bottomPart2 .footer-code .item-code p{margin-top: 20px;}
.bottomPart2 .codeCon .tooltip {opacity:0; visibility:hidden; width:120px;  
           padding:10px;
           border-radius:3px;
           position:absolute;
           box-shadow:1px 1px 10px 0 #dfdfdf;
           margin: -350px 0 0 -42px;
           background:#fff;;-webkit-transition: opacity 0.3s, visibility 0s;
  -moz-transition: opacity 0.3s, visibility 0s;
  transition: opacity 0.3s, visibility 0s;}

.bottomPart2 .codeCon .tooltip .ImgCode{width:100%; height:auto;}
.bottomPart2 .codeCon .tooltip .ImgCode p{ display:none;}
.bottomPart2 .codeCon .tooltip .ImgCode img{width:100%; height:auto;}
.bottomPart2 .codeCon .item:hover .tooltip {opacity:1; visibility:visible;
           margin:-178px 0 0 -42px;
		   -webkit-transition: opacity 0.3s, visibility 0s;
  -moz-transition: opacity 0.3s, visibility 0s;
  transition: opacity 0.3s, visibility 0s;}

.bottomPart2 .codeCon .arrow {
  position:absolute;
    margin:10px 0 0 42px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}
@media (max-width: 768px) { 
.bottomBg{ width:100%; height:auto; background:#fafafa; padding:0 0;}
.bottomPart1{ width:100%; float:none; display:none;}
.bottomPart2{ width:100%; float:none;}
.bottomPart1 ul.menu{}
.bottomPart1 ul.menu li{ width:50%; float:left; font-size:14px;line-height:30px; color:#333;  text-align:left; margin:10px 0;}

.bottomPart1 .linkCon p{font-size:14px;line-height:30px; color:#333; text-align:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.bottomPart1 .linkCon li{width:50%;font-size:14px; line-height:30px; float:left; padding:0 0 0 0;text-align:left;  }

.bottomPart2 .footer-code{display: flex;}
.bottomPart2 .footer-code .item-code img{width: 150px;height:150px;}

.cd-popup-code{
  position: fixed;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
 background-color: rgba(0,0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index:1001;
}/*大背景*/
.cd-popup-code.is-visible{left: 0;
  bottom: 0;
   opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.bottomPart2 .codeCon .arrow { display:none;}

}